* {
    margin: 0;
    padding: 0;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
.supple_head {
    .supple_head_top {
        width: 100%;
        height: 65px;
        background-color: #2a263d;
        .supple_head_top_content {
           
            .logo {
              float: left;
                height: 65px;
                img {
                    position: relative;
                    top: 50%;
                    left: 25px;
                    transform: translateY(-50%);
                }
            }
            .nav_list {
                margin: 0 105px 0 160px;
                display: inline-block;
                ul {
                    display: inline-block;
                    li {
                        &:hover {
                            background-color: white;
                        }
                        cursor: pointer;
                        margin: 0 12px;
                        font-size: 15px;
                        color: #666;
                        font-weight: 1000;
                        line-height: 65px;
                        display: inline-block;
                    }
                }
            }
            .r {
                
                display: inline-block;
                width: 135px;
                height: 65px;
                font-size: 23px;
                color: white;
                line-height: 65px;
                text-align: center;
                font-weight: 700;
                background-color: #00e6c9;

            }
            
        }
    }
    .supple_head_banner {
        position: relative;
      height: 500px;
        background: url(../images/supply_system/banner.png) no-repeat;
        background-size: 100% 500px;
       .supple_head_banner_content {
          
           img {
            position: absolute;
            top: 50px;
            width: 460px;
            height: 145px;
           }
           .banner_word {
           position: absolute;
           bottom: 100px;
           right: 50px;
            width: 615px;
           
            height: 105px;
            h1 {
                text-indent: 2em;
                font-size: 28px;
                color: white;
                p {
                    font-size: 18px;
                    color: white;
                    margin: 30px 0 0 245px;
                }
            }
           }
        
       }
    }
}
body {
    font-family: "Microsoft YaHei";
}
// 主体部分
.supple_main {
    // height: 890px;
    .supple_main_bg {
      width: 1340px;
      height: 100%;
      margin: 0 auto;
      background-color: #eeeeee;
      .supple_main_content {
          overflow: hidden;
          .supple_main_content_word {
              margin-top: 65px;
              h1 {
                  text-align: center;
                  font-size: 24px;
                  color: #373d41;
              }
              p {
                  margin-top: 10px;
                  text-align: center;
                  color: #73777a;
                  font-size: 15px;
              }
          }
          .supple_main_content_tb {
              margin-top: 30px;
              width: 100%;
              height: 685px;
              background-color:white;
              table {
                 border-collapse: collapse; /*合并边框线*/
                  width: 100%;
                //   height: 100%;
                  tr {
                    
                      th {
                          &:hover {
                              background-color: white;
                              box-shadow: 5px 0 10px 5px rgba(0, 0, 0, .5);
                          }
                          cursor: pointer;
                          background-color: #45ceb6;
                          width: 33.3%;
                          text-align: center;
                            line-height: 54px;
                           
                      }
                      td {
                          border: 1px solid #dbdedf;
                      }
                  }
                  .tb_nav {
                    img {
                        vertical-align: middle;
                    }
                      background-color: #45ceb6;
                     
                      text-align: center;
                      color: white;
                      font-size: 20px;
                      line-height: 60px;
                  }
                  .yw {
                      td {
                       
                        ul {
                            height: 220px;
                            margin-top: 28px;
                            margin-left: 35px;
                          }
                      }                 
                  }
                  .tb_td_two {
                      ul {
                          li:first-child {
                              img {
                                  vertical-align: middle;
                              }
                           
                            height: 60px;
                            text-align: center;
                            line-height: 60px;
                            background-color: #45ceb6;
                          }
                          li:nth-child(2) {
                            margin: 25px 17px 0 30px;
                        }
                        li:nth-child(3)
                        {
                            margin: 17px 17px 0 30px;
                        }
                      }
                  }
                  .text-left {
                      img {
                          margin-left: 25px;
                      }
                      td {
                          text-align: left;
                      }
                  }
                  .wd {
                      td {
                          height: 90px;
                          padding-left: 30px;
                      }
                  }
              }
          }
      }
  }
   //介绍部分
   .recommend{
       margin-top: 50px;
    .recommend_word {

        h1 {
              font-size: 24px;
              text-align: center;
        }
        p {
            margin-top: 35px;
            font-size: 15px;
            color: #73777a;
            text-align: center;
        }
    }
    .recommend_list {
            margin-top: 90px;
            .img_div {
                height: 85px;
            }
            ul {
               display: flex;
                li {
                    margin: 0 10px;
                  display: inline-block;
                  &:first-child {
                      flex: 1;
                  }
                  &:nth-child(2)
                  {
                      flex: 2;
                  }
                  &:nth-child(3)
                  {
                      flex:1
                  }
                  &:nth-child(4)
                  {
                      flex: 1;
                  }
                  img {
                      display:block;
                      width: 75px;
                      margin: 0 auto;
                  }
                  h1 {
                      margin-top: 50px;
                      text-align: center;
                      font-size: 26px;
                  }
                  p {
                      margin-top: 20px;
                      text-align: center;
    
                  }
                }
            }
        
      .recommend_list_bottom {
        margin-top: 100px;
      }
    }
} 

// 介绍list图
.list {
    width: 1340px;
    height: 535px;
    margin: 0 auto;
    background-color: #cccdce;
    .list_content {
        overflow: hidden;
        margin-top: 100px;
        .list_content_word {
            color: #fefefe;
            width: 1030px;
            margin: 40px auto 0;
            h1 {
                text-align: center;
                font-size: 24px;
            }
            p {
                font-size: 15px;
                margin-top: 45px;
                text-align: center;
            }
        }
        .list_content_img {
            margin-top: 65px;
            ul {
                li {
                    width: 240px;
                    height: 320px;
                    background: url(../images/supply_system/list_1.png) no-repeat;
                    background-size: 100%;
                    float: left;
                    &:nth-child(2) {
                        background-image: url(../images/supply_system/list_2.png);
                    }
                    &:nth-child(3) {
                        background-image: url(../images/supply_system/list_3.png);
                    }
                    &:nth-child(4) {
                        background-image: url(../images/supply_system/list_4.png);
                    }
                    &:nth-child(5) {
                        background-image: url(../images/supply_system/list_5.png);
                    }
                    img {
                        display: block;
                        margin: 0 auto;
                        margin-top: 40px;
                    }
                    h1 {
                        margin-top: 55px;
                        line-height: 43px;
                        text-align: center;
                        font-size: 24px;
                        color: white;
                        padding: 0 15px;
                        font-weight: 1000;
                    }
                }
            }
        }
    }
}
// 轮播图
.slideshow {
    margin-top: 60px;
    .slideshow_content {
        .slideshow_content_word {
            h1  {
                text-align: center;
                font-size: 24px;
            }
            p {
                margin-top: 20px;
                font-size: 15px;
                text-align: center;
                font-weight: 1000;
            }
        }
        .slideshow_content_img {
            position: relative;
            margin-top: 50px;
            img {
                    width: 559px;
                    height: 227px;
                    position: absolute;
                    left: 50%;
                    cursor: pointer;
                    &:nth-child(2) {
                        transform: translateX(-110%) scale(0.7);
                    }
                    &:nth-child(3) {
                        transform: translateX(-80%) scale(0.9);
                    }
                    &:nth-child(4) {
                        transform:translateX(-10%) scale(0.9);
                    }
              }
             .slideshow_first {
                 display: inline-block;
                 width: 559px;
                 height: 227px;
                 background: url(../images/supply_system/JPdmWbjl5ydP.png) no-repeat;
                 box-shadow: 10px 5px 5px 5px rgba(0, 0, 0, .5);
                //  opacity: 0.6;
              
                 z-index: 10;
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
                 a {
                     display: block;
                     background-color: #00cc99;
                     text-align: center;
                     color: white;
                     width: 100px;
                     font-weight: 1000;
                     height: 40px;
                     text-decoration: none;
                     line-height: 40px;
                     position: absolute;
                     right: 20px;
                     bottom: 10px;
                     &:hover {
                         background-color: white;
                         color: #00cc99;
                     }
                 }
                 h1 {
                     
                     color: #373d41;
                     margin-top: 50px;
                     font-weight: 700;
                     font-size: 15px;
                     text-align: center;
                 }
                 p {
                   
                    margin-top: 20px;
                     font-size: 16px;
                     padding: 0 20px;
                     color: #373d41;
                     text-align: center;
                 }
             }
         
    }

}
}
// 服务流程
.server_flow {
    overflow: hidden;  /*防止外边距合并*/
    height: 487px;
    width: 1340px;
    background-color: #eeeeee;
    margin: 350px auto 0;
    .server_flow_content {

        h1 {
            margin-top: 45px;
            text-align: center;
        }
        p {
            line-height: 32px;
            text-align: center;
        }
        .server_flow_jx {
            display: flex;
            margin-top: 68px;
            background-color: #0adbb6;
            height: 140px;
            cursor: pointer;
            div {
                flex: 1;
                font-size: 50px;
                text-align: center;
                line-height:140px;
                color: white;
                transition: all 0.5s;
                &:hover {
                    background-color: white;
                    color: #0adbb6;
                    transform: translateY(-5px);
                    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .5);
                }
            }
            
           
        }
        .server_flow_word {
            height: 65px;
            background-color: white;
            display: flex;
            p {
                flex: 1;
                line-height: 65px;
                font-weight: 1000;
            }
        }
    }
}
// 供应链咨讯
.consult {
    height: 550px;
    .consult_word {
        margin: 50px 0 0 0  ;
        h1 {
            text-align: center;
        }
        p {
            margin-top: 30px;
            text-align: center;
        }
    }
    .consult_content {
        margin-top: 55px;
        height: 435px;
        table {
            border-collapse: collapse; /*合并边框线*/
            width: 100%;
            border: 1px solid #878787;
           
            th {
                &:hover {
                    background-color: white;
                    box-shadow: 5px 0 10px 5px rgba(0, 0, 0, .5);
                    border: 1px solid #878787;
                }
                cursor: pointer;
                background-color: #45ceb6;
                width: 33.3%;
                text-align: center;
                line-height: 54px;
                 
            }
            td {
               
                padding-top: 20px;
                padding-left: 20px;
               padding-bottom: 20px;
               position: relative;
                img {
                    width: 100%;
                   
                }
                .shadow {
                    position: absolute;
                    bottom: 25px;
                    width: 380px;
                    height: 50px;
                    background-color: rgba(0, 0, 0, .4);
                }
                ul {
                    padding-left: 50px;
                    li {
                        cursor: pointer;
                        a {
                            color: #000;
                            
                        }
                        &:hover a {
                            text-decoration: underline;
                            color: rosybrown;
                         }
                            line-height: 50px;
                            span {
                                float: right;
                            }
                            
                            
                    }
                }
            }
        }
    }
}
//开发咨讯
.develop_consult {
    overflow: hidden;
    height: 520px;
    width: 100%;
    background-color: #424345;
    .title {
        h1 {
            margin-top: 40px;
            text-align: center;
            color: white;
        }
    }
   .develop_consult_content {
       margin-top: 65px;
       display: flex;
       font-size: 12px;
       div {
           flex: 1;
          
           h1 {
               font-size: 24px;
               color: white;
           }
           img {
               margin-top: 20px;
           }
           span {
               font-size: 14px;
               
           }
           b {
               display: inline-block;
               margin-top: 5px;
               font-size: 12px;
           }
         .l_word {
            color: #999999;
             width: 220px;
             display: inline-block;

         }
         ul {
             li {
                 line-height: 40px;
                 padding-right: 60px;
                 letter-spacing:-1px;
                 font-weight: 500;
                 span {
                     float: right;
                 }
                 a {
                    color: #999;
                    &:hover {
                        color: rgba(0, 0, 0, .5);
                    }
                 }
             }
         }
       }
   }
}
}
// 结尾
.footer-end {
    
    width: 100%;
    height: 150px;
    background-color: #585c65;
    .end-content {
        overflow: hidden;
        h1 {
            font-size: 16px;
            color: #3f3f3f;
            margin-top: 15px;
        }
        ul
        {
            margin-left: 55px;
            margin-top: 15px;
            li {
            display: inline;
            a {
                padding: 0 5px;
                font-size: 12px;
                color: #888888;
                border-right: 2px solid #888888;
                &:hover {
                    color: #ccc;
                }
            }
        }
        p {
            font-size: 12px;
            color: #888888;
            margin-top: 10px;
        }
    }
    }
}